/* vw视窗的换算 设计稿宽度为750px，那么100vw=750px，因此1vw=7.5px*/
body {
    font-family: system-ui, -apple-system, Arial, sans-serif;
    font-size: 16px;
    max-width: 750px;
    margin: 0 auto;
    background: #eee;
}
.secBox{

    margin-top: calc(100vw*10/750);
    /* 以垂直方式排列 其中display：flex; flex-direction:row;则为默认值行排从左到右排列*/
    display: flex;
    flex-direction: column;
}
.secBox .superMarket {
    width: 100%;
    height: calc(100vw*70/750);
    overflow: hidden;
    padding: 0 calc(100vw*10/750);
    background: #fff;
    border-bottom: 1px solid #d8d8d8;
}
.secBox .superMarket h2{
    width: 60%;
    line-height: calc(100vw* 32 /750);
    font-family: "Microsoft YaHei";
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-size: calc(100vw* 32 / 750);
    color: #333;
}
/*  超市内容 */
.secBox .supContent {
    display: flex;
    overflow: hidden;
    padding: calc(100vw*10/750);
    border-bottom: 1px solid #d8d8d8;
}
.secBox .supContent img {
    width: calc(100vw*130/750);
    height: calc(100vw*130/750);
}
.secBox .supContent .foodbox {
    flex-basis: 60%;
    padding: 0 calc(100vw*10/750);
}
.secBox .supContent .foodbox .foodName, .supContent span {
    font-size: calc(100vw*28/750);
    color: #666;
}

.secBox .supContent .foodbox .foodStyle {
    display: block;
    height: calc(100vw*32/750);
    line-height: calc(100vw*32/750);
    color: #ababab;
}
.secBox .supContent .fooodbox{
    flex-basis: 60%;
    padding: 0 calc(100vw* 10 / 750);
}
.secBox .supContent .fooodbox .foodName {
    font-size: calc(100vw*28/750);
    color: #666;
}


